// top-nav
$(document).ready(function(){
	$("#topslide").click(function(){
		if($("#top-nav").css("top") == "-150px") {
			$("#top-nav").animate({top: "0"}, 500);
		}
		else {
			$("#top-nav").animate({top: "-150px"}, 500);
		}
	});
});

// bottom-nav
$(document).ready(function(){
	$("#bottomslide").click(function(){
		if($("#bottom-nav").css("bottom") == "-150px") {
			$("#bottom-nav").animate({bottom: "0"}, 500);
		}
		else {
			$("#bottom-nav").animate({bottom: "-150px"}, 500);
		}
	});
});

// left-nav
$(document).ready(function(){
	$("#leftslide").click(function(){
		if($("#left-nav").css("left") == "-200px") {
			$("#left-nav").animate({left: "0"}, 500);
		}
		else {
			$("#left-nav").animate({left: "-200px"}, 500);
		}
	});
});

// right-nav
$(document).ready(function(){
	$("#rightslide").click(function(){
		if($("#right-nav").css("right") == "-200px") {
			$("#right-nav").animate({right: "0"}, 500);
		}
		else {
			$("#right-nav").animate({right: "-200px"}, 500);
		}
	});
});

// left-push
$(document).ready(function(){
	$("#leftpush").click(function(){
		if($("#left-nav").css("left") == "-200px") {
			$("#left-nav").animate({left: "0"}, 500);
			$("body").animate({marginLeft: "400px"}, 500);
		}
		else {
			$("#left-nav").animate({left: "-200px"}, 500);
			$("body").animate({marginLeft: "0"}, 500);
		}
	});
});

// right-push
$(document).ready(function(){
	$("#rightpush").click(function(){
		if($("#right-nav").css("right") == "-200px") {
			$("#right-nav").animate({right: "0"}, 500);
			$("body").animate({marginRight: "400px"}, 500);
		}
		else {
			$("#right-nav").animate({right: "-200px"}, 500);
			$("body").animate({marginRight: "0"}, 500);
		}
	});
});